/* 登录-选着角色 */
.mui-main {
    margin-top: 51px;
    margin-bottom: 0;
}
.role  {
    width: 100%;
    list-style: none;
    padding: 50px;
}
.role .user-role {
   position: relative;
   border: 1px solid #666;
   width: 100%;
   height: 150px;
   border-radius: 5px;
   background-color: #FAFAFA;
   margin-bottom: 20px;
}
.user-role a {
    width: 100%;
    height: 100%;
    font-size: 16px;
}
.user-role a span {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.user-role a span i {
    color: #a8a8a8
}
.user-role a p {
    display: inline-block;
    line-height: 150px;
    margin: 0 0 0 100px;
    font-size: 20px;
    color: #333;
}
/* 遮罩 */
.mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.mask i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
}
.user-role:hover .mask{
    display: block;
}